/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {  font-family: Arial, Helvetica, sans-serif; background-color:#FFFFFF;  height: 100%; overflow-x: hidden; line-height: 1; position:relative}
ol, ul {
	list-style: none;
}
	
a {text-decoration:none}
a:hover { text-decoration: red}
.span {background-color:#000000}
.negrita{color:#e8854a; font-weight:bold; padding: 5px 20px 0 20px; background:url(../images/bg-menu.jpg) no-repeat left}
.negrita1 {color:#e8854a; font-weight:bold; padding: 5px 12px 0 12px; background:#FFFFFF left}

.clear {clear: both}
.contenedora { height: 100%; margin: 50px auto; width: 960px; background-color:#FFFFFF; border:1px solid #FFFFFF; box-shadow:0 -49px 52px 0 rgba(0, 0, 0, 0.15); text-align:center; border-radius:3px; }
.principal {position: relative; margin:-33px auto -265px auto; z-index:-10;}
.header {height:150px; width:960px; text-align:center}
.logo { background: url(../images/logo.png) no-repeat; width: 244px; height: 155px; float:left; position: absolute; margin:15px}
.menu{ height: 46px; width: 936px; margin:40px 10px 0 10px; float: right;  border-radius: 3px;}
.menu ul li { float:right;}
.menu a:hover{color:#589d20; margin: 0 auto;}
.menu a {color: #535353; padding: 5px 20px 0 20px; background:url(../images/bg-menu.jpg) no-repeat left}

.menuSistema{ height: 46px; width: 936px; margin:40px 10px 0 10px; float: right;  border-radius: 3px;}
.menuSistema ul li { float:right;font-size: 14px;}
.menuSistema a:hover{color:#589d20; margin: 0 auto;}
.menuSistema a {color: #535353; padding: 5px 20px 0 20px; background:url(../images/bg-menu.jpg) no-repeat left}

.menu1 { height: 36px; width: 936px; border-radius: 3px;}
.menu1 ul li { float:right; margin-right:35px}
.menu1 a:hover{color:#589d20; margin: 0 auto;}
.menu1 a {color: #535353; padding: 5px 20px 0 20px; background:url(../images/bg-menu.jpg) no-repeat left}
.sidebar{width: 140px; min-height:200px; float:left; border: 2px #d1d3ce solid; background-color: #ffffff; margin:117px 0 10px -22px; border-radius: 5px; box-shadow:9px 9px 5px #CCCCCC}
.sidebar ul li{ margin: 19px auto; text-align: left}
.sidebar a { color: #535353; font-weight:bold; margin:auto 5px;}
.sidebar a:hover {color:#589d20; margin:auto 5px;}
.main {width: 730px; background:#ffffff; margin:-350px 15px 1px 216px}
.main h1{ font-size:33px; color:#535353; margin: 30px 20px; text-align:right;}
hr {background-color: #589d20; border: 0 none; color:#589d20; height:3px; margin: 5px 0 0; width: 700px; margin:0 22px}
samp{font-weight:bold}
.main p{ font-size:14px; text-align:left; color: #2c2e2a; margin:25px 20px; line-height:1.7em}
.dots_left { left: -510px; background: url(../images/bg-body1.png) repeat; height: 100%; position:absolute; top: 0; width: 50%;z-index: -1;}
.dots_right { right: -510px; background: url(../images/bg-body1.png) repeat; height: 100%; position:absolute; top: 0; width: 50%;z-index: -1;}
.footer {background:#171717/*; height: 40px*/; padding: 20px 10px 20px 100px; margin-top: 100px;}
.seccion1 { width:500px; }
.seccion1 ul li {font-size:25px; text-align: left; color: #535353; margin:10px; width:300px; line-height: 1em}
.seccion1 ul li h4 { font-size:16px; color: #FFFFFF}
.seccion1 ul li p { font-size:12px; color: #FFFFFF}
.seccion2 { width: 500px; float:right; margin-top:-155px; padding-right:30px; font-weight:bold}
.seccion2 a {font-size:12px; color: #FFFFFF;}

.mas_informacion a {font-size: 12px; color: #535353; background-color: #589d20; border-radius: 3px; float:right; width:127px; height: 20px; margin: -3px 33px 30px 0px; text-align:center; padding-top: 5px}

.fundamento h1{ font-size:33px; color:#2c2e2a; margin: 50px 20px; line-height: 17px; text-align:left}
.fundamento p{ font-size:14px; text-align:left; color: #2c2e2a; margin:25px 20px; line-height:1.5em}

.porque { margin:50px auto }
.porque h1{ font-size:33px; color:#2c2e2a; margin: 50px 20px; line-height: 17px; text-align:left}
.porque p{ font-size:14px; text-align: center; color: #2c2e2a; margin:25px 20px 60px 20px; line-height:1.5em}

.para { margin:50px auto  }
.para h1{ font-size:33px; color:#2c2e2a; margin: 50px 20px; line-height: 17px; text-align:left}
.para h2 { font-size:16px; color:#e8854a; margin: 20px 20px; line-height: 17px; text-align:left}
.para p{ font-size:14px; text-align: left; color: #2c2e2a; margin:27px 20px ; line-height:1.5em}

.beneficios h1{ font-size:33px; color:#2c2e2a; margin: 50px 20px; line-height: 17px; text-align:left}
.beneficios p{ font-size:14px; text-align: left; color: #2c2e2a; margin:20px 20px ; line-height:1.5em}}


.polo h2{ font-size:16px; color:#e8854a; margin: 20px 20px; line-height: 17px; text-align:left}
.polo p{ font-size:14px; text-align: center; color: #2c2e2a; margin:25px 20px 60px 20px; line-height:1.5em}

.porque h2{ font-size:20px; color:#e8854a; margin: 20px 20px; line-height: 17px; text-align:left; font-weight: bold;}
.porque p{ font-size:16px; color: #2c2e2a; margin:20px 30px; line-height:1.5em; text-align:left}

.quees h2{ font-size:20px; color:#e8854a; margin: 50px 20px; line-height: 17px; text-align:left; font-weight: bold;}
.quees p{ font-size:16px; color: #2c2e2a; margin:20px 20px; line-height:1.5em}
.quees ul{list-style: square; text-align: left;}
.quees li{margin:0px 30px 10px 50px;line-height: 20px;}

.como h2{ font-size:20px; color:#e8854a; margin:20px 20px 0 25px; line-height: 17px; text-align:left; font-weight: bold;}
.como p{ font-size:16px; color: #2c2e2a; margin:20px 20px 0 45px; line-height:1.5em}
.como ul{list-style: square; text-align: left;margin: 10px 10px 0 30px;}
.como li{margin:0px 30px 10px 50px; font-size: 14px;line-height: 20px;}

.training h2{ font-size:20px; color:#e8854a; margin:20px 20px 0 25px; line-height: 17px; text-align:left; font-weight: bold;}
.training p{ font-size:16px; color: #2c2e2a; margin:20px 20px 0 45px; line-height:1.5em}
.training ul{list-style: square; text-align: left;margin: 10px 10px 0 30px;}
.training li{margin:0px 30px 10px 50px; font-size: 14px;line-height: 20px;}

.faq h2{ font-size:20px; color:#e8854a; margin:20px 20px 0 25px; line-height: 17px; text-align:left; font-weight: bold;}
.faq p{ font-size:16px; color: #2c2e2a; margin:20px 20px 0 45px; line-height:1.5em}
.faq ul{list-style: square; text-align: left;margin: 10px 10px 0 30px;}
.faq li{margin:0px 30px 10px 50px; font-size: 14px;line-height: 20px;}

.polo h2{ font-size:20px; color:#e8854a; margin:20px 20px 0 25px; line-height: 17px; text-align:left; font-weight: bold;}
.polo p{ font-size:16px; color: #2c2e2a; margin:20px 20px 0 45px; line-height:1.5em; text-align:left}
.polo ul{list-style: square; text-align: left;margin: 10px 10px 0 30px;}
.polo li{margin:0px 30px 10px 50px; font-size: 14px;line-height: 20px;}

.endurance h2{ font-size:20px; color:#e8854a; margin:20px 20px 0 25px; line-height: 17px; text-align:left; font-weight: bold;}
.endurance p{ font-size:16px; color: #2c2e2a; margin:20px 20px 0 45px; line-height:1.5em; text-align:left}
.endurance ul{list-style: square; text-align: left;margin: 10px 10px 0 30px;}
.endurance li{margin:0px 30px 10px 50px; font-size: 14px;line-height: 20px;}

.turf h2{ font-size:20px; color:#e8854a; margin:20px 20px 0 25px; line-height: 17px; text-align:left; font-weight: bold;}
.turf p{ font-size:16px; color: #2c2e2a; margin:20px 20px 0 45px; line-height:1.5em; text-align:left}
.turf ul{list-style: square; text-align: left;margin: 10px 10px 0 30px;}
.turf li{margin:0px 30px 10px 50px; font-size: 14px;line-height: 20px;}

.equitacion h2{ font-size:16px; color:#e8854a; margin: 20px 20px; line-height: 17px; text-align:left}
.equitacion p{ font-size:14px; text-align: center; color: #2c2e2a; margin:25px 20px 60px 20px; line-height:1.5em}

.blancoSistema{position: relative; width: 600px; height: 100%; margin:250px auto;}

.forms{position: relative; width: 900px; height: 100%; margin:320px -117px; left: -70px}
.forms h2{ font-size:16px; color:#e8854a; margin: 20px 20px; line-height: 17px; text-align:left}
.forms .botonesActions a {font: 16px/1.3em arial,helvetica,sans-serif; color: #FEFDFD; background-color: #678C39; border-radius: 3px; float:right; width:127px; height: 20px; margin: 10px 33px 30px 0px; text-align:center; padding: 5px; cursor: pointer;}
.forms hr {background-color: #589d20; border: 0 none; color:#589d20; height:3px; margin: 5px 0 0; width: 874px; margin:0 22px}

.formsPop .botonesActions a {font: 16px/1.3em arial,helvetica,sans-serif; color: #FEFDFD; background-color: #678C39; border-radius: 3px; float:right; width:127px; height: 20px; margin: 10px 33px 30px 0px; text-align:center; padding: 5px; cursor: pointer;}
.formsPop #inPopUpN {width: 95%; border: 0px;border-spacing:0; border-collapse:collapse;}
.formsPop #inPopUpN td {color:#e8854a; padding: 5px 12px 0 12px; background:#FFFFFF left; vertical-align:middle;}
.formsPop #inPopUpM td {color:#e8854a; padding: 5px 12px 0 12px; background:#FFFFFF left;}
.formsPop input, select, textarea {
    background-color: #FEFDFD;
    border: 4px solid #678C39;
    border-radius: 0 0 0 0;
    color: #445D26;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    margin: 0 0 5px;
    padding: 5px;
    width: 296px;
    display:block; 
}

span.result {
	background-color: #FEFDFD;
    border: 4px solid #678C39;
    border-radius: 0 0 0 0;
    color: #445D26;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
    padding: 5px;
    width: 296px;
    display:block;
}

.deletePop {display: none;}
.deletePop .botonesActions a {font: 16px/1.3em arial,helvetica,sans-serif; color: #FEFDFD; background-color: #678C39; border-radius: 3px; float:right; width:40px; height: 20px; margin: 5px 0px 5px 10px; text-align:center; padding: 5px; cursor: pointer;}
.deletePop #tituloPopUp {color:#e8854a; padding: 5px 12px 0 12px; background:#FFFFFF left}

.formsPop small {
	font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
}

.login{min-height: 186px;  width: 400px; height: 420px; margin:50px auto; margin-left: 100px;}
.login input {
    background-color: #FEFDFD;
    border: 4px solid #678C39;
    border-radius: 0 0 0 0;
    color: #445D26;
    font: 16px/1.3em arial,helvetica,sans-serif;
    margin: 0 0 5px;
    padding: 5px;
    width: 95%;
}

.login button {
    background-color: #678C39;
    border: medium none;
    border-radius: 0 0 0 0;
    color: #FEFDFD;
    cursor: pointer;
    float: right;
    font: 16px/1.3em arial,helvetica,sans-serif;
    margin: 0 10px 0 10px;
    padding: 5px;
}

.formContacto {min-height: 186px; height: 480px; margin:50px auto;}
.formContacto input {
    background-color: #FEFDFD;
    border: 4px solid #678C39;
    border-radius: 0 0 0 0;
    color: #445D26;
    font: 16px/1.3em arial,helvetica,sans-serif;
    margin: 0 0 5px;
    padding: 5px;
    width: 95%;
}
.formContacto[state~="mobile"] input {
    background-color: #FEFDFD;
    border: 4px solid #678C39;
    border-radius: 0 0 0 0;
    color: #445D26;
    font: 16px/1.3em arial,helvetica,sans-serif;
    height: 45px;
    margin: 0 0 15px;
    padding: 5px;
    width: 95%;
}
.formContacto[state~="mobile"] *::-moz-placeholder {
    font-size: 12px;
}
.formContacto[state~="mobile"] input:-moz-placeholder {
    font-size: 12px;
}
.formContacto textarea {
    background-color: #FEFDFD;
    border: 4px solid #678C39;
    border-radius: 0 0 0 0;
    color: #445D26;
    font: 16px/1.3em arial,helvetica,sans-serif;
    height: 130px;
    margin: 0 0 5px;
    padding: 5px;
    resize: none;
    width: 95%;
}
.formContacto[state~="mobile"] textarea {
    background-color: #FEFDFD;
    border: 4px solid #678C39;
    border-radius: 0 0 0 0;
    color: #445D26;
    font: 16px/1.3em arial,helvetica,sans-serif;
    height: 150px;
    margin: 0 0 10px;
    padding: 5px;
    resize: none;
    width: 95%;
}
.formContacto button {
	background-color: #678C39;
    border: medium none;
    border-radius: 3px;
    color: #FEFDFD;
    cursor: pointer;
    float: right;
    font: 16px/1.3em arial,helvetica,sans-serif;
    margin: 0 10px 0 10px;
    padding: 5px;
}

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:1600px;
		height:429px;
		overflow:hidden;
		 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:25px;
		top:467px;
		z-index:1000;
		text-indent: -9999px
		}	
	#nextBtn, #slider1next{ 
		left:898px;
		}
		/*														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position: absolute;
		width:30px;
		height:77px;
		background: url(../images/prev.png) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background: url(../images/next.png) no-repeat 0 0;	
		}	*/
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */

#lang {
	position: relative;
	left: 448px; 
}

/* Global Message */
#globalMess	{position: absolute; display: none; top: 0px; z-index: 5000; width: 500px; text-align:left;}
#globalMess .imgClose {width:20px; height:20px; cursor:pointer; float:right; margin-right:2px; margin-top:2px; background:url(../images/ico_rechazar_gris.gif) no-repeat;}

.mensajesErr {border: 1px solid #FF0000; color:#000; border-top:none; font-size:11px; background:url(../images/red.gif) repeat-y #FFEBE8; padding:0;}
.mensajesErr .img {width:60px; height:60px; float:left; margin-right:10px; background:url(../images/message_err.gif) no-repeat;}
.mensajesErr .msgTitulo {color:#FF0000; font-size:11px; margin-top:5px; font-weight:bold;}
.mensajesErr p.msgTexto {margin-left:70px; margin-top:10px;}

.mensajesOk {border: 1px solid #359229; color:#000; border-top:none; font-size:11px; background:url(../images/green.gif) repeat-y #E5FFE1; padding:0;}
.mensajesOk .img {width:60px; height:60px; float:left; margin-right:10px; background:url(../images/message_ok.gif) no-repeat;}
.mensajesOk .msgTitulo {color:#359229; font-size:11px; margin-top:5px; font-weight:bold;}
.mensajesOk p.msgTexto {margin-left:70px; margin-top:10px;}

.mensajesAlert {border: 1px solid #FFC600; color:#000; border-top:none; font-size:11px; background:url(../images/orange.gif) repeat-y #FEFDCF; padding:0;}
.mensajesAlert .img {width:60px; height:60px; float:left; margin-right:10px; background:url(../images/message_alert.gif) no-repeat;}
.mensajesAlert .msgTitulo {color:#FFBA00; font-size:11px; margin-top:5px; font-weight:bold;}
.mensajesAlert p.msgTexto {margin-left:70px; margin-top:10px;}

